<template>
  <div id="app">
	  
    <img alt="Vue logo" src="./assets/logo.png">
	<input />
	<button>按钮</button>
	<p style="width: 1rem; background-color: red;">段落1</p>
	<p style="width: 100px;background-color: yellow;">段落2</p>
	
	<hq-button text='小按钮' @click.native="show2"></hq-button>
	
	<div style="padding: 60px;">
		<hq-button text='小按钮' @xxx='show'></hq-button>
	</div>
  </div>
</template>



<script>
import HqButton from './hq-button.vue'
export default {
  name: 'App',
  components: {
	  HqButton
  },
  methods:{
	  show(e){
		  console.log('调用方做的业务',e)
	  },
	  show2(){
		  console.log('原生方法')
	  }
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
